.page {
    padding-bottom: 238.333vw;
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.section {
    padding-left: 7.222vw;
    padding-bottom: 67.408vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273473262211356.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-120 > *:not(:first-child) {
    margin-top: 11.111vw;
}
.space-y-33 > *:not(:first-child) {
    margin-top: 3.056vw;
}
.image {
    width: 50.369vw;
    height: 11.758vw;
}
.image_9 {
    width: 52.686vw;
    height: 5.742vw;
}
.image_12 {
    width: 40.464vw;
    height: 5.186vw;
}
.section_6 {
    padding-top: 53.889vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273473328721492.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 276.111vw;
}
.pos_25 {
    position: absolute;
    left: 0;
    right: 0;
    top: 66.481vw;
}
.image-wrapper_9 {
    padding: 59.722vw 0 136.019vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273479604575775.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.image_46 {
    width: 19.353vw;
    height: 5.369vw;
}
.section_9 {
    margin-top: -33.056vw;
    padding-top: 12.222vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273480973480646.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.image_55 {
    margin-top: 9.167vw;
    width: 28.519vw;
    height: 32.778vw;
}
.group_9 {
    margin-left: -1.297vw;
}
.image-wrapper_12 {
    padding-top: 29.814vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273501483041092.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 42.964vw;
    height: 41.944vw;
}
.image_56 {
    width: 38.147vw;
    height: 12.131vw;
}
.button_2 {
    padding: 2.222vw 0 3.242vw;
    background-color: #ffffff;
    border-radius: 6.158vw;
    width: 45.647vw;
}
.pos_39 {
    position: absolute;
    left: 0;
    top: 13.703vw;
}
.text_3 {
    color: #5ca56d;
    font-size: 6.758vw;
    font-family: SourceHanSansCN;
    font-weight: 700;
    line-height: 6.853vw;
    letter-spacing: 0.339vw;
}
.section_4 {
    padding-bottom: 28.519vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273473485018141.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_3 {
    position: absolute;
    left: 3.981vw;
    right: 0;
    top: 0;
}
.image-wrapper_3 {
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273478216922562.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 26.297vw;
    height: 68.981vw;
}
.image_2 {
    width: 26.667vw;
    height: 69.258vw;
}
.section_2 {
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273473528931288.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 39.631vw;
    height: 61.019vw;
}
.pos {
    position: absolute;
    left: 0;
    top: 0;
}
.section_3 {
    padding: 1.019vw 0 35.092vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273473542856655.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 39.722vw;
}
.image_4 {
    width: 25.092vw;
    height: 25.092vw;
}
.image-wrapper {
    padding: 19.258vw 0 3.981vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273478156183152.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 28.147vw;
}
.pos_2 {
    position: absolute;
    left: 0;
    top: 0;
}
.image_11 {
    margin-left: 5.742vw;
    width: 5.369vw;
    height: 3.703vw;
}
.image-wrapper_8 {
    padding: 45.278vw 0 18.242vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273479950341541.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_24 {
    position: absolute;
    left: 0;
    right: 0;
    top: 65.556vw;
}
.image_37 {
    width: 17.131vw;
    height: 2.592vw;
}
.image-wrapper_6 {
    padding: 6.389vw 0 16.389vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273484000403131.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_11 {
    position: absolute;
    left: 0;
    right: 0;
    top: 27.592vw;
}
.image_13 {
    width: 86.389vw;
    height: 28.147vw;
}
.section_5 {
    padding: 2.314vw 0 22.686vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273486222559786.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.space-y-195 > *:not(:first-child) {
    margin-top: 18.056vw;
}
.pos_13 {
    position: absolute;
    left: 0;
    right: 0;
    top: 36.853vw;
}
.space-y-22 > *:not(:first-child) {
    margin-top: 2.036vw;
}
.image_17 {
    margin-left: 31.389vw;
    width: 3.056vw;
    height: 2.131vw;
}
.space-x-135 > *:not(:first-child) {
    margin-left: 12.5vw;
}
.group {
    margin-top: 7.408vw;
}
.space-y-67 > *:not(:first-child) {
    margin-top: 6.203vw;
}
.image_21 {
    width: 16.389vw;
    height: 12.5vw;
}
.image_30 {
    width: 26.481vw;
    height: 22.686vw;
}
.space-y-51 > *:not(:first-child) {
    margin-top: 4.722vw;
}
.image_19 {
    margin-left: 1.111vw;
    width: 2.314vw;
    height: 6.019vw;
}
.image_25 {
    width: 9.353vw;
    height: 15.742vw;
}
.image_36 {
    margin-left: 25.464vw;
    width: 12.131vw;
    height: 6.297vw;
}
.image_7 {
    width: 18.519vw;
    height: 22.592vw;
}
.pos_7 {
    position: absolute;
    right: 0;
    top: 12.778vw;
}
.image-wrapper_2 {
    padding-bottom: 56.944vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273489068895254.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 28.981vw;
}
.pos_4 {
    position: absolute;
    right: 0;
    top: 0;
}
.image_3 {
    margin-right: 3.703vw;
    width: 13.147vw;
    height: 6.111vw;
}
.image_6 {
    width: 6.203vw;
    height: 6.203vw;
}
.pos_6 {
    position: absolute;
    right: 25.369vw;
    top: 8.147vw;
}
.image_23 {
    width: 27.592vw;
    height: 10.647vw;
}
.pos_19 {
    position: absolute;
    right: 0;
    top: 53.797vw;
}
.image_14 {
    width: 17.314vw;
    height: 21.853vw;
}
.pos_12 {
    position: absolute;
    right: 39.258vw;
    top: 35.369vw;
}
.image-wrapper_5 {
    padding: 11.667vw 0 18.797vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273492710062446.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 27.314vw;
}
.pos_10 {
    position: absolute;
    right: 19.444vw;
    top: 25vw;
}
.image_15 {
    width: 3.703vw;
    height: 4.908vw;
}
.image-wrapper_7 {
    padding: 3.147vw 0 0.278vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273495472083365.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 51.758vw;
}
.pos_17 {
    position: absolute;
    right: 2.869vw;
    top: 51.111vw;
}
.image_26 {
    margin-right: 0.556vw;
    width: 41.758vw;
    height: 8.981vw;
}
.image_5 {
    width: 44.075vw;
    height: 44.444vw;
}
.pos_5 {
    position: absolute;
    left: 0;
    top: 7.408vw;
}
.image_18 {
    width: 32.5vw;
    height: 26.481vw;
}
.pos_15 {
    position: absolute;
    left: 4.814vw;
    top: 40vw;
}
.image_29 {
    width: 37.408vw;
    height: 9.631vw;
}
.pos_23 {
    position: absolute;
    left: 1.111vw;
    top: 58.611vw;
}
.image_16 {
    width: 15.556vw;
    height: 35.925vw;
}
.pos_14 {
    position: absolute;
    left: 0;
    top: 39.258vw;
}
.image_20 {
    width: 24.631vw;
    height: 36.853vw;
}
.pos_16 {
    position: absolute;
    left: 0.742vw;
    top: 49.536vw;
}
.image_32 {
    width: 15.833vw;
    height: 10.925vw;
}
.pos_28 {
    position: absolute;
    left: 0;
    top: 81.111vw;
}
.image_34 {
    width: 14.258vw;
    height: 9.631vw;
}
.pos_29 {
    position: absolute;
    left: 0;
    top: 90.186vw;
}
.image_22 {
    width: 4.631vw;
    height: 3.797vw;
}
.pos_18 {
    position: absolute;
    left: 34.722vw;
    top: 52.131vw;
}
.image_27 {
    width: 15.647vw;
    height: 12.408vw;
}
.pos_21 {
    position: absolute;
    right: 34.258vw;
    top: 57.131vw;
}
.image_8 {
    width: 33.611vw;
    height: 52.869vw;
}
.pos_8 {
    position: absolute;
    right: 0;
    top: 13.889vw;
}
.image_28 {
    width: 40.833vw;
    height: 10.092vw;
}
.pos_22 {
    position: absolute;
    right: 0;
    top: 57.778vw;
}
.image_24 {
    width: 17.686vw;
    height: 15.742vw;
}
.pos_20 {
    position: absolute;
    right: 0;
    top: 53.797vw;
}
.section_7 {
    padding: 5.186vw 0 9.167vw;
    border-radius: 1.064vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891318163303799184.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_26 {
    position: absolute;
    left: 4.908vw;
    right: 4.814vw;
    top: 66.389vw;
}
.text-wrapper {
    padding: 1.481vw 0 1.853vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273502414595750.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24.444vw;
}
.font_1 {
    font-size: 3.981vw;
    font-family: SourceHanSansCN;
    line-height: 3.797vw;
    font-weight: 700;
    color: #ffffff;
}
.text {
    margin-top: 2.5vw;
    color: #313131;
    font-size: 3.611vw;
    font-family: SourceHanSansCN;
    font-weight: 500;
    line-height: 3.425vw;
}
.image_33 {
    margin-top: 5.186vw;
    width: 24.444vw;
    height: 13.147vw;
}
.section_8 {
    padding: 10vw 8.889vw 10.464vw;
    border-radius: 1.064vw;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891318163419676684.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_31 {
    position: absolute;
    left: 4.908vw;
    right: 4.814vw;
    top: 114.353vw;
}
.button {
    padding: 1.667vw 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273515918055011.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24.444vw;
}
.group_2 {
    padding-top: 5.092vw;
}
.image-wrapper_10 {
    padding: 1.853vw 0 2.408vw;
    background-image: linear-gradient(-88deg, #c7d97a 0%, #a7ca6d 100%);
    border-radius: 3.889vw;
    width: 60.925vw;
}
.image_41 {
    width: 55.925vw;
    height: 3.519vw;
}
.group_3 {
    padding-top: 4.353vw;
}
.image_42 {
    width: 3.333vw;
    height: 3.797vw;
}
.image_43 {
    margin-left: 1.575vw;
    width: 10.925vw;
    height: 3.519vw;
}
.image_44 {
    margin-left: 2.964vw;
    margin-right: 4.722vw;
    width: 48.981vw;
    height: 16.111vw;
}
.group_4 {
    margin-top: 6.297vw;
}
.image_45 {
    margin: 0.369vw 1.389vw 0 2.964vw;
    width: 52.314vw;
    height: 9.722vw;
}
.group_5 {
    margin-top: 7.036vw;
}
.image_47 {
    margin: 0.278vw 5.278vw 0.278vw 2.869vw;
    width: 48.519vw;
    height: 3.242vw;
}
.image-wrapper_11 {
    margin: 18.703vw 5.742vw 0;
    padding: 1.758vw 0 2.5vw;
    background-image: linear-gradient(-88deg, #c7d97a 0%, #a7ca6d 100%);
    border-radius: 3.889vw;
}
.image_50 {
    width: 55.092vw;
    height: 3.519vw;
}
.group_6 {
    margin-top: 6.481vw;
}
.space-y-35 > *:not(:first-child) {
    margin-top: 3.242vw;
}
.space-x-17 > *:not(:first-child) {
    margin-left: 1.575vw;
}
.font_2 {
    font-size: 3.611vw;
    font-family: SourceHanSansCN;
    line-height: 3.611vw;
    font-weight: 700;
    color: #5ca56d;
}
.image_51 {
    margin-right: 0.369vw;
    width: 72.131vw;
    height: 18.519vw;
}
.group_7 {
    margin-top: 5.833vw;
}
.space-y-34 > *:not(:first-child) {
    margin-top: 3.147vw;
}
.space-x-18 > *:not(:first-child) {
    margin-left: 1.667vw;
}
.image_52 {
    width: 72.222vw;
    height: 13.519vw;
}
.group_8 {
    margin-top: 6.019vw;
}
.space-y-30 > *:not(:first-child) {
    margin-top: 2.778vw;
}
.text_2 {
    line-height: 3.519vw;
}
.image_54 {
    width: 72.222vw;
    height: 8.703vw;
}
.image_35 {
    width: 63.056vw;
    height: 11.297vw;
}
.pos_30 {
    position: absolute;
    left: 50%;
    top: 107.869vw;
    transform: translateX(-50%);
}
.image_39 {
    width: 13.703vw;
    height: 24.075vw;
}
.pos_33 {
    position: absolute;
    right: 0;
    top: 121.481vw;
}
.image_40 {
    width: 12.778vw;
    height: 9.353vw;
}
.pos_34 {
    position: absolute;
    right: 0;
    top: 137.686vw;
}
.image_48 {
    width: 18.242vw;
    height: 22.964vw;
}
.pos_35 {
    position: absolute;
    left: 0;
    bottom: 119.167vw;
}
.pos_38 {
    position: absolute;
    left: 4.536vw;
    bottom: 30.369vw;
}
.image_53 {
    width: 20.186vw;
    height: 7.036vw;
}
.pos_37 {
    position: absolute;
    right: 0;
    bottom: 57.964vw;
}
.image_38 {
    width: 23.797vw;
    height: 10.092vw;
}
.pos_32 {
    position: absolute;
    left: 0;
    top: 119.258vw;
}
.image_31 {
    width: 23.889vw;
    height: 7.686vw;
}
.pos_27 {
    position: absolute;
    right: 0;
    top: 69.631vw;
}
.image-wrapper_4 {
    padding: 3.056vw 0 10.464vw;
    filter: drop-shadow(1.011vw 1.206vw #90a78499);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6491a4ec54fe0000116a8afd/16891273518718562665.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 79.908vw;
}
.pos_9 {
    position: absolute;
    left: 9.075vw;
    top: 14.536vw;
}
.image_10 {
    margin-right: 32.314vw;
    width: 7.408vw;
    height: 7.036vw;
}
.image_49 {
    width: 71.389vw;
    height: 0.647vw;
}
.pos_36 {
    position: absolute;
    left: 50%;
    bottom: 139.353vw;
    transform: translateX(-50%);
}